@{ViewBag.Title = "";}
@section CssImport{<link href="@Url.Content("~/Scripts/validationEngine/validationEngine.jquery.css")" rel="stylesheet" type="text/css" />}
@section JavascriptImport{
<script type="text/javascript" src="@Url.Content("~/Scripts/validationEngine/jquery.validationEngine.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/validationEngine/jquery.validationEngine-en.js")"></script>}

<div class="filtering"><form>
                           <label>Nombre Tecnico: <input type="text" name="filter" id="filter" /></label>
                           Seleccione Prioridad :
                           <select name="prioridad" id="prioridad">
                               <option value="-1">Todas</option>
                               <option value="1">Muy Alta</option>
                               <option value="2">Alta</option>
                               <option value="3">Media</option>
                               <option value="4">Baja</option>
                           </select>
                           Seleccione Estado
                           <select name="estado" id="estado">
                               <option value="-1">Todas</option>
                               <option value="1">En Espera</option>
                               <option value="4">Atendiendo</option>
                               <option value="5">Solucionado</option>
                               <option value="6">Cerrado</option>
                           </select>
                           <button type="submit" id="LoadRecordsButton" class="button medium orange">Actualizar Resultados</button>
                           @Html.ActionLink("Ver Tiempos Promedio", "../Reportes/VerPromediosAtencionPorTecnico",null, new { @class = "button medium yellow", @target = "_blank" })
                            
                       </form>
</div>

<div id="MyTableContainer"></div>
<script type="text/javascript">
     $(document).ready(function () {
     $('#MyTableContainer').jtable({
         title: 'HD_HistoriaProblemaAsistido',
         paging: true,
         pageSize: 10,
         sorting: true,
         defaultSorting: 'Id ASC',
         actions: {
             listAction: '@Url.Action("JSONListaParaAdmin")',
             updateAction: '@Url.Action("JSONActualizarEstado")'
         },
         fields:
         {
             HistoriaProblemaAsistidoId: {
                 key: true,
                 create: false,
                 edit: false,
                 list: false
             },
             HistorialProblemaAsistidoUltimo:
             {
                 type:'hidden'
             }
             ,
             FechaRegistro: {
                 title:'Registro',
                 create: false,
                 edit: false,
                 list: true,
                 type: 'date',
                 displayFormat: 'dd-mm-yy'
             }
             ,
             FechaUltimaAtencion: {
                 title:'Atencion',
                 create: false,
                 edit: false,
                 list: true,
                 type: 'date',
                 displayFormat: 'dd-mm-yy'
             }            
             ,
             ProblemaNombre: {
                 title:'Problema',
                 create: false,
                 edit: false,
                 list: true
             }
             ,
             ProblemaDescripcion: {
                 title: 'Descripcion',
                 create: false,
                 edit: false,
                 list: true
             }
             ,

             NombreSolicitante: {
                 title: 'Solicitante',
                 create: false,
                 edit: false,
                 list: true                
             },
             DescripcionHistoria: {
                 title: 'Detalle',
                 create: false,
                 edit: false,
                 list: true
             }
             ,
             EstadoTrabajoId: {
                 type: 'hidden'
             },  

             EstadoTrabajo: {
                 title: 'Estado',
                 create: false,
                 edit: false,
                 list: true
             }  
             ,
             PrioridadCalculada:
             {
                title : 'Prioridad',
                 create : true,
                 edit : true,
                 list : true,
                 options: '@Url.Action("../HD_PrioridadTecnica/JSONListaPrioridad")'             
             }            
             ,
             MotivoCambioEstado:
             {
                 title : 'Motivo Cambio',
                 create : true,
                 edit : true,
                 list: false,
                 inputClass: 'validate[required]',
                 type : 'textarea'             
             },
             Reporte:
             {
                 title: 'Reporte',
                 width: '50px',
                 sorting: false,
                 edit: false,
                 create: false,
                 listClass: 'child-opener-image-column',
                 display: function (tempData) {
                     var $img = $('<img class="child-opener-image" with="30" height="30" src="../../Content/images/menu/report.png" title="Reporte Actividades" />');
                     $img.click(function () {
                         window.open('/Reportes/HistorialProblema?HistoriaProblemaId=' + tempData.record.HistoriaProblemaAsistidoId);
                     });

                     return $img;
                 }
             }
                         
            
},
formCreated: function (event, data) {data.form.validationEngine();},
formSubmitting: function (event, data) {return data.form.validationEngine('validate');},
formClosed: function (event, data) { data.form.validationEngine('hide'); data.form.validationEngine('detach'); }
});
$('#LoadRecordsButton').click(function (e) { e.preventDefault(); $('#MyTableContainer').jtable('load', { filter: $('#filter').val(), priority: $('#prioridad').val(), EstadoTrabajoId: $('#estado').val()   }); });
$('#LoadRecordsButton').click();
});
</script>

